#app-album {
  margin-top: 85px;
  display: flex;
  align-items: center;
  flex-direction: column;
 
  mat-card {
    width: 60%;
    @media screen and (max-width: 900px) {
      width: 75%;
    }

    @media screen and (max-width: 425px) {
      width: 85%;
    }
    .album-head {
      display: flex;
      flex-direction: row;
      align-items: center;
      justify-content: center;
      padding-bottom: 25px;
      @media screen and (max-width: 900px) {
        flex-direction: column;
        align-items: center;
        justify-content: center;
      }

      img {
        width: 25%;
        margin-right: 35px;
        border: solid thick whitesmoke;
        box-shadow: 0px 3px 10px 3px rgba(0, 0, 0, 0.2);

        @media screen and (max-width: 900px) {
          width: 40%;
          margin: 0;
        }
        @media screen and (max-width: 748px) {
          width: 50%;
          margin: 0;
        }
        @media screen and (max-width: 548px) {
          width: 65%;
          margin: 0;
        }
        @media screen and (max-width: 473px) {
          width: 85%;
          margin: 0;
        }
        @media screen and (max-width: 378px) {
          width: 90%;
          margin: 0;
        }
      }

      .album-head-intro {
        display: flex;
        flex-direction: column;
        justify-content: center;
        transform: translateY(-5px);
        .row-show {
          display: block;
          @media screen and (max-width: 900px) {
            display: none;
          }
        }

        mat-accordion {
          margin-top: 15px;
          display: none;
          @media screen and (max-width: 900px) {
            display: block;
          }
        }
        mat-list {
          .mat-subheader {
            font-size: 26px;
            font-weight: 150;
            @media screen and (max-width: 900px) {
              font-size: 20px;
              font-weight: 100;
              justify-content: center;
            }
          }
          mat-list-item {
            transform: translate(-5px, 5px);
            h4 {
              font-weight: 150;
              padding-left: 5px;
              margin: 0;
            }
          }
        }
      }
    }
  }

  mat-card.tool-card {
    margin-top: 15px;
    display: flex;
    flex-direction: row;
    justify-content: space-around;
  }
}
